<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>页尾结构</title>
        <link rel="stylesheet" href="css/footer.css" />
        <link rel="stylesheet" href="css/public.css" />
    </head>
    <body>
        <!-- 页尾结构：div>div*7>h3+ul>li*3>a -->
        <div class="footer_container">
            <!-- 帮助中心栏 -->
            <div class="column">
                <h3>帮助中心</h3>
                <ul>
                    <li><a href="#">购物指南</a></li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">配送方式</a></li>
                </ul>
            </div>
            <!-- 服务支持栏 -->
            <div class="column">
                <h3>服务支持</h3>
                <ul>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">自助服务</a></li>
                    <li><a href="#">相关下载</a></li>
                </ul>
            </div>
            <!-- 线下门店栏 -->
            <div class="column">
                <h3>线下门店</h3>
                <ul>
                    <li><a href="#">小米之家</a></li>
                    <li><a href="#">服务网点</a></li>
                    <li><a href="#">线下专区</a></li>
                </ul>
            </div>
            <!-- 关于小米栏 -->
            <div class="column">
                <h3>关于小米</h3>
                <ul>
                    <li><a href="#">了解小米</a></li>
                    <li><a href="#">加入小米</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <!-- 关注我们栏 -->
            <div class="column">
                <h3>关注我们</h3>
                <ul>
                    <li><a href="#">新浪微博</a></li>
                    <li><a href="#">小米部落</a></li>
                    <li><a href="#">官方微信</a></li>
                </ul>
            </div>
            <!-- 特色服务栏 -->
            <div class="column">
                <h3>特色服务</h3>
                <ul>
                    <li><a href="#">F码通道</a></li>
                    <li><a href="#">小米移动</a></li>
                    <li><a href="#">防伪查询</a></li>
                </ul>
            </div>
            <!-- 右侧栏：客服信息栏 -->
            <div class="column contact_column">
                <ul class="service">
                    <h3>400-100-5678</h3>
                    <p>周一至周日 8:00-18:00</p>
                    <p>（仅收市话费）</p>
                    <a href="#">24小时在线客服</a>
                </ul>
            </div>
        </div>
    </body>
</html>